<template>
	<view id="recuitDetail">
		<my-header :title="title" :back="true"></my-header>
		<view class="top">
			<uni-row class="line1">
				<uni-col :span='12'>{{item.recruitPosition}}</uni-col>
				<uni-col :span='12' class="salary">{{item.salaryType + ' ' + (item.salary == '面议' ? '' : (item.salary + ' 元'))}}</uni-col>
			</uni-row>
			<view class="line2">{{item.enterpriseName}}</view>
		</view>		
		<uni-card>		
			<uni-section title="岗位职责" type="line">
				<!-- <template v-slot:right>
					right slot
				</template> -->
				<!-- {{item.responsibilities}} -->
				<view v-html="item.responsibilities"></view>
			</uni-section>
			<uni-section title="学历要求" type="line">
				{{item.education}}
			</uni-section>
			<uni-section title="岗位要求" type="line">
				<!-- {{item.recruitRequires}} -->
				<view v-html="item.recruitRequires"></view>
			</uni-section>
			<uni-section title="职位优势" type="line">
				<uni-tag v-if="item.workMeal" size="mini" text="提供工作餐" type="primary" style="margin-right: 5px;" />
				<uni-tag v-if="item.accommodation" size="mini" text="提供住宿" type="primary" />
			</uni-section>
			<uni-section title="联系方式" type="line">
				联系电话：{{item.contact}}
			</uni-section>
		</uni-card>
	</view>
</template>

<script>
	import MyHeader from '@/components/header.vue'
	export default {
		components: {
			MyHeader,
		},
		data() {
			return {
				title: '职位详情',
				item: {}
			}
		},
		onLoad(options) {
			// console.log(options, JSON.parse(options.item), decodeURIComponent(JSON.parse(options.item)))
			this.item = JSON.parse(options.item)
		},
		methods: {
		}
	}
</script>

<style scoped>
	.top {
		margin-top: 60px;
		padding: 0 15px;
		
	}
	.salary {
		color: red;
		text-align: right;
	}
	.line1,
	.line2 {
		font-weight: bold;
		color: #000;
	}
	.line2 {
		font-size: 14px;
	}
</style>

